<%@ page language="java" contentType="text/html; charset=utf-8"
         pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>首页</title>
    <style type="text/css">
        #top{
            border:1px solid gainsboro;
            width:100%;
            height:180px;
        }
        #left{
            border:1px solid gainsboro;
            float:left;
            width:10%;
            height:400px;
        }
        #left ul{
            width:980px;
            margin:0px auto;
            height:38px;
            padding:0;
        }
        #left ul li a{
            width:80px;
            height:28px;
            line-height:28px;
            background:gray;
            color:#FFF;
            margin:5px 10px;
            font-size:16px;
            display:block;
            text-align:center;
            text-decoration:none;
        }
        #left ul li a:hover{
            width:78px;
            height:26px;
            line-height:28px;
            color:gray;
            background:#FFF;
        }
        #right{
            border:1px solid gainsboro;
            width:89%;
            height:400px;
            float:right;
        }
    </style>
</head>
<body>


<div id="top">
    <img src="img/title.JPG" width=100% height=100%/>
</div>
<div id="left">
    <ul>
        <li><a href="getbooks" rel="external nofollow" >所有图书</a></li>
        <li><a href="insert" rel="external nofollow" >添加图书</a></li>
        <li><a href="find" rel="external nofollow" >查询图书</a></li>
    </ul>
</div>
<div id="right">
    <img src="img/2.jpg" width=100% height=100%>
</div>
</body>
</html>